<template>
  <div class="v-table-header">
    <div class="v-table-td-summary bg-gray5-color">
      摘要
    </div>
    <div class="v-table-td-subject bg-gray5-color">
      会计科目
    </div>
    <div class="v-table-td-debit">
      <div class="v-table-td-debit-text bg-gray5-color">
        借方金额
      </div>
      <v-table-uint/>
    </div>
    <div class="v-table-td-credit">
      <div class="v-table-td-credit-text bg-gray5-color">贷方金额</div>
      <v-table-uint/>
    </div>
  </div>
</template>
<script setup>
import VTableUint from "@components/common/VoucherTable/VTableUint.vue";
</script>
<style scoped lang="less">
.v-table {
  &-header {
    font-weight: bold;
    text-align: center;
    display: flex;
    height: 61px;
    border-bottom: @border;
  }

  &-td {
    &-summary {
      width: 210px;
      line-height: 60px;
      border-right: @border;
    }

    &-subject {
      flex: 1;
      line-height: 60px;
      border-right: @border;
    }

    &-debit {
      width: 221px;
      border-right: @border;

      &-text {
        border-bottom: @border;
        line-height: 30px;
      }
    }

    &-credit {
      width: 221px;

      &-text {
        border-bottom: @border;
        line-height: 30px;
      }
    }
  }
}
</style>
